<template>
	<div class="student-profill">
		<el-avatar :size="200"
			:src="currentRow.headimgurl?currentRow.headimgurl:defAvatarUrl"
			shape="square">
		</el-avatar>
		<el-descriptions direction="vertical" title="学员资料"
			border>
			<el-descriptions-item label="sId">{{currentRow.sId}}</el-descriptions-item>
			<el-descriptions-item label="姓名">
				<el-tag type="success" effect="dark">{{currentRow.name}}</el-tag>
			</el-descriptions-item>
			<el-descriptions-item label="年龄">{{currentRow.age}}</el-descriptions-item>
			<el-descriptions-item label="班级">{{currentRow.class}}</el-descriptions-item>
			<el-descriptions-item label="学历">
				<el-tag size="small">{{currentRow.degree}}</el-tag>
			</el-descriptions-item>
			<el-descriptions-item label="项目地址">{{currentRow.productUrl}}</el-descriptions-item>
			<el-descriptions-item label="描述">{{currentRow.description}}</el-descriptions-item>
			<el-descriptions-item label="城市">{{currentRow.city}}</el-descriptions-item>
			<el-descriptions-item label="创建时间">{{currentRow.cTime}}</el-descriptions-item>
		</el-descriptions>
		<el-button type="primary" @click="back">点击返回列表</el-button>
	</div>
</template>
<style lang="less" scoped>
	.student-profill {
		// text-align:left;
	}
</style>
<script>
	import { mapState } from "vuex"
	export default {
		methods:{
			back(){
				this.$router.push({name:"product"})
			}
		},
		computed: {
			...mapState(["currentRow"])
		},
		data() {
			return {
				defAvatarUrl: "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
			}
		}
	}
</script>